<template>
  <div >
  <img
    src="@/assets/imgs/4935ac57ac7139ed54ba6dba3d99604d.jpeg"
    class="fullscreen-img"
    alt="全屏图片"
  />
  </div>
</template>

<script lang="ts" setup>
// 无需额外逻辑，仅通过样式控制
</script>

<style scoped>

/* 图片自适应样式 */
.fullscreen-img {
  /* 图片占满容器 */
  width: 100%;
  height: 100%;
  /* 保持图片比例，避免拉伸变形 */
  object-fit: cover;
  /* 可选：去除图片默认间距（部分浏览器可能有） */
  display: block;
}
</style>
